import React, {Component, Fragment} from 'react';
import { Divs } from "./Divs";

require('./css/frame.css');


export default class P5 extends Component {
  constructor(...args) {
    super(...args);
    this.state = {
        index: 0,
    }
  }

  nexPage() {
    let index = this.state.index+1;
    this.setState({
        index
    })
  }


  render() {
    const {index} = this.state;
    const DIV = Divs[index];

    return (
      <div id="page">
        <div className="content" id="box6">
          <h4 className="title">步行导航</h4>
              <DIV    nexPage = {this.nexPage.bind(this)}/>
        </div>
      </div>
    );
  }
}


